/*
  配置webpack环境，让ts能够在浏览器上运行
   1. npm init (记录安装的包)

   2. npm i webpack webpack-cli -D (webpack4之后，webpack和webpack-cli要同时安装)

   3. 创建webpack.config.js文件, 并编写相关配置

   4. 下载配置ts loader （npm i ts-loader -D）

   5. 下载配置html-webpack-plugins （npm i html-webpack-plugin -D）

   6. 安装本地服务, 让项目可以在本地开启 （npm i webpack-dev-server -D）

   7. 修改package.json启动命令（ "serve": "webpack serve"）

   8. 安装tsconfig.json文件，ts-loader需要tsconfig文件（tsc --init）
*/

import { sum } from "./utils/math";
import axios from "axios";
import type { AxiosRequestConfig, AxiosInstance } from "axios";
import react from "react";
import _ from "lodash";

// 图片
import kobiImg from "./img/kobe01.jpg";

// vue
import app from "./app.vue";

// 图片文件的使用
const imgEl = document.createElement("img");
imgEl.src = kobiImg;
document.body.append(imgEl);

const message: string = "hello abc";
const result = sum(1, 2);

console.log(message.length, message, result);
const h2El = document.createElement("h2");
h2El.textContent = "hello TypeScript";
document.body.append(h2El);

console.log(message.startsWith("hello"), "🚀🚀🚀");

console.log(_.join(["a", "b", "c"]));

// 给自己的代码添加类型声明文件
// 平时使用的代码中用到的类型，直接在当前位置进行定义或者在业务文件夹某一个位置编写一个类型文件即可
type IDType = string | number;
const ids: IDType = 123;

// 需要编写类型声明
// 全局变量(index.html中script代码)
console.log(whyName, whyAge, whyHeight);
console.log(foo("123"));
const p = new Person("zs", 123);
console.log(p.name, p.age);

$.ajax({
  url: "http://codercba.com:8000/home/multidata",
  success: (res: any) => {
    console.log(res);
  },
});
